<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的活动</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/icons-extra.css" />
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
        <style type="text/css">
        	.mui-card{
        		margin: 0 auto;
        	}
        	.mui-content>.mui-card:first-child {
			    margin-top: 0px;
			}
        	p{
        		margin-bottom: 0px;
        		color: black;
        	}
        	p span{
        		color: orange;
        	}
        </style>
	</head>
	<body>
		<header class="mui-bar mui-table-view all-top">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的活动</h1>
			<a id='showUserPicker' class="mui-icon  mui-icon-more-filled mui-pull-right"></a>
		</header>
		
		<div class="mui-content" style="margin-top: 2.7rem;">
			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<div class="mui-card-media-body">
						<p>状态：<span>已签到</span></p>
					</div>
				</div>
				<div  class="mui-slider">
			     	<div class="mui-slider-group mui-slider-loop">
				    	<div class="mui-slider-item">
					   		<a href="apply.html">
						  		<img src="../images/huo1.png">
					   		</a>
				    	</div>
			     	</div>
		        </div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<div class="mui-card-media-body">
						<p>状态：<span>已签到</span></p>
					</div>
				</div>
				<div  class="mui-slider">
			     	<div class="mui-slider-group mui-slider-loop">
				    	<div class="mui-slider-item">
					   		<a href="apply.html">
						  		<img src="../images/huo2.png">
					   		</a>
				    	</div>
			     	</div>
		        </div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<div class="mui-card-media-body">
						<p>状态：<span>已签到</span></p>
					</div>
				</div>
				<div  class="mui-slider">
			     	<div class="mui-slider-group mui-slider-loop">
				    	<div class="mui-slider-item">
					   		<a href="apply.html">
						  		<img src="../images/huo3.png">
					   		</a>
				    	</div>
			     	</div>
		        </div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<div class="mui-card-media-body">
						<p>状态：<span>已签到</span></p>
					</div>
				</div>
				<div  class="mui-slider">
			     	<div class="mui-slider-group mui-slider-loop">
				    	<div class="mui-slider-item">
					   		<a href="apply.html">
						  		<img src="../images/huo1.png">
					   		</a>
				    	</div>
			     	</div>
		        </div>
			</div>
		</div>
		
		<script src="../js/mui.min.js"></script>
	</body>
</html>
